.user-management {
  .search-section {
    margin-bottom: 20px;
  }

  .card-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    
    .el-button {
      margin-right: 0;
    }
  }

  .pagination-wrapper {
    margin-top: 20px;
    text-align: right;
  }

   .operation-buttons {
     display: flex;
     flex-direction: row;
     gap: 6px;
     align-items: center;
     justify-content: flex-start;
     width: 100%;
     height: 100%;
     padding-left: 0;
     margin-left: 0;
     .el-button {
       margin: 0;
       min-width: 50px;
       font-size: 12px;
       padding: 5px 8px;
       flex-shrink: 0;
     }
   }

  // 操作列样式统一设置
  .user-management {
    .el-table__header th:last-child {
      text-align: right !important;
      padding-left: 50px !important;
      padding-right: 10px !important;
    }
    
    .el-table__body td:last-child {
      text-align: left !important;
      padding-left: 0 !important;
      padding-right: 8px !important;
    }
  }
  
  // 彻底修复表格滚动条重影问题 - 用户管理页面专用
  .el-table {
    // 创建独立的渲染层，完全隔离滚动条
    position: relative;
    z-index: 1;
    
    // 禁用表格行的全局过渡效果，避免影响滚动条
    .el-table__body {
      tr {
        transition: none !important;
        
        &:hover {
          background-color: #f5f7fa;
        }
      }
    }
    
    .el-table__body-wrapper {
      // 强制创建新的堆叠上下文，防止重影
      position: relative;
      z-index: 2;
      isolation: isolate;
      
      // 强制硬件加速，减少重绘
      transform: translateZ(0);
      will-change: scroll-position;
      
      // 防止滚动条重影的关键设置
      overflow: auto;
      
      &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        // 防止滚动条重影
        background: transparent;
      }
      
      &::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
        // 防止轨道重绘和重影
        background-clip: padding-box;
        border: 1px solid transparent;
      }
      
      &::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
        // 防止滑块重影
        border: 1px solid #f1f1f1;
        background-clip: padding-box;
        // 使用更稳定的过渡效果
        transition: background-color 0.1s ease;
        
        &:hover {
          background: #a8a8a8;
          border-color: #e0e0e0;
        }
        
        &:active {
          background: #909090;
          border-color: #d0d0d0;
        }
      }
      
      &::-webkit-scrollbar-corner {
        background: #f1f1f1;
        border: 1px solid transparent;
      }
    }
    
    // 修复表格头部可能的闪动
    .el-table__header-wrapper {
      position: relative;
      z-index: 1;
      
      &::-webkit-scrollbar {
        width: 8px;
        height: 8px;
        background: transparent;
      }
      
      &::-webkit-scrollbar-track {
        background: #f1f1f1;
        border-radius: 4px;
        border: 1px solid transparent;
      }
      
      &::-webkit-scrollbar-thumb {
        background: #c1c1c1;
        border-radius: 4px;
        border: 1px solid #f1f1f1;
        transition: background-color 0.1s ease;
        
        &:hover {
          background: #a8a8a8;
        }
      }
    }
  }
  
  // 强制修复滚动条重影问题 - 最高优先级
  .user-management {
    .el-table {
      // 强制创建新的堆叠上下文
      contain: layout style paint;
      
      .el-table__body-wrapper {
        // 强制隔离滚动条渲染
        contain: strict;
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
        
        // 重影修复：强制单层渲染
        &::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 8px;
          height: 8px;
        }
        
        &::-webkit-scrollbar-track {
          -webkit-appearance: none;
          background: #f1f1f1;
          border-radius: 4px;
          border: none;
        }
        
        &::-webkit-scrollbar-thumb {
          -webkit-appearance: none;
          background: #c1c1c1;
          border-radius: 4px;
          border: none;
          box-shadow: none;
          
          &:hover {
            background: #a8a8a8;
          }
        }
      }
    }
  }
  
   // 优化操作按钮，减少重绘
   .operation-buttons {
     .el-button {
       transition: all 0.2s ease;
       
       &:hover {
         transform: none; // 禁用按钮的transform效果
       }
     }
   }
   
   // 优化截断文本显示
   .truncated-text {
     display: inline-block;
     max-width: 100%;
     overflow: hidden;
     text-overflow: ellipsis;
     white-space: nowrap;
     cursor: pointer;
   }
   
   // 空值显示样式
   .empty-value {
     color: #909399;
     font-style: italic;
     font-size: 12px;
   }
   
   // 邮箱文本样式
   .email-text {
     color: #606266;
     font-size: 14px;
   }
   
   // 优化tooltip样式
   .el-tooltip__popper {
     max-width: 400px;
     word-break: break-all;
     line-height: 1.4;
   }
   
   // 自定义tooltip内容样式
   .tooltip-content {
     display: flex;
     flex-direction: column;
     gap: 8px;
     min-width: 200px;
     
     .tooltip-text {
       font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;
       font-size: 12px;
       line-height: 1.4;
       word-break: break-all;
       color: #fff;
       background: #303133;
       padding: 8px 12px;
       border-radius: 4px;
       margin-bottom: 4px;
     }
     
     .copy-btn {
       align-self: flex-end;
       color: #409EFF !important;
       font-size: 12px;
       padding: 4px 8px;
       
       &:hover {
         background-color: rgba(64, 158, 255, 0.1);
         color: #66b1ff !important;
       }
       
       i {
         margin-right: 4px;
       }
     }
   }
 }
